<template>
  <div style="padding:30px;">
    <el-form ref="form" :model="addEditForm" label-width="100px">
      <el-form-item label="客户名称">
        <el-input v-model="addEditForm.name"></el-input>
      </el-form-item>
      <el-form-item label="支付方式">
        <el-input v-model="addEditForm.payWay"></el-input>
      </el-form-item>
      <el-form-item label="分派类型">

        <el-select v-model="addEditForm.orderType" placeholder="请选择分派类型">
          <el-option
            v-for="item in orderTypeAttr"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="预约时间">
        <el-input v-model="addEditForm.payWay"></el-input>
      </el-form-item>
      <el-form-item label="车牌号">
        <el-input v-model="addEditForm.payWay"></el-input>
      </el-form-item>
      <el-form-item label="自编号">
        <el-input v-model="addEditForm.payWay"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="closeVisible">取 消</el-button>
      <el-button type="primary" @click="saveAddEdit">确 定</el-button>
    </span>
  </div>
</template>

<script>
  export default{
    data(){
      return{
        addEditForm:{

        },
        orderTypeAttr:[
          {
            label:'到店安装',
            value:'0',
          },{
            label:'上门安装',
            value:'1',
          },
        ]
      }
    },
    created(){},
    methods: {
      saveAddEdit(){
        const loading = this.$loading({
          lock: true,
          text: '新增数据提交中',
          spinner: 'el-icon-loading',
        });
        setTimeout(() => {
          loading.close();
        this.$emit('closeVisible')
      }, 2000);
      },
      closeVisible(){
        this.$emit('closeVisible')
      }
    }
  }
</script>
<style>

</style>
